Pablo de Todo Macross VOXP me contaba que tiene un post demasiado largo, y la necesidad de acortarlo pero sin omitir contenido.
Enseguida pensé en el efecto mostrar-ocultar, pero Pablo tenía otra idea.
Llevada a la práctica es la siguiente:
Vamos a crear al principio del post unos enlaces tipo texto, cada enlace (sin salir de ese post) nos lleva al texto completo relacionado con el enlace, de forma que los visitantes podrán elegir el texto que desean leer clicando en el enlace sin necesidad de buscar en la totalidad del post.
Para el ejemplo añadí unas frases extraídas de mi blog.
Filosofando
Una de cambios
Primer año
En breves líneas
Nuevo rincón de amigos
Un paseo de mi mano
Diciembre, mes de los buenos deseos, nuevos proyectos y programación de un nuevo futuro. Un mes capaz de reunir a familias, de recordar amistades, de pensar más de la cuenta en los errores pasados. Y si ya son pasados ¿para qué pensar?
Un mes acelerado, preparativos y compras, cenas de empresa y regalos…¿por qué regalos? ¡Ah! si... por aquello de la tradición.
Quizás estoy divagando, nunca me ha gustado la navidad en mi infancia era una fecha especial, muy especial... la más especial del año. Era especial porque ellos hacían especial cualquier fecha. Y la hacían especial para mí, sin saber que yo era feliz con ellos pasando de celebraciones...
Reinventándose ese el título que debería tener esta entrada, he decidido cambiar un poco el aspecto del blog sin modificar la plantilla (darle un lavado de cara) un poco de color aquí y allá. Aún no he terminado, no he tenido tiempo, si veis cosas raras no las tengáis en cuenta ...
Hoy hace un año que escribí el primer post y he sentido necesidad de decirlo.
Mantener un blog requiere constancia y tiempo, pienso que para quien es su medio de vida no debe resultarle tan gratificante como para los que hacemos del blog un medio de diversión o pasatiempo ¿He dicho algo extraño?
Cada caso es un mundo y cada persona también, me gusta lo que hago, disfruto con ello, habrá quien no lo entienda pero no es algo que me preocupe.
El desconcierto que todos teníamos cuando Blogger beta se impuso va dejando paso a una especie de satisfacción colectiva, ya nos vamos familiarizando con beta que ya no es beta, y etiquetar nuestras entradas o aplicar un código es algo cotidiano.
Es increíble la cantidad de personas que aportan su granito de arena intentando dar un poco de luz a los que reclaman ayuda.
También es cierto que podemos encontrar diferentes explicaciones para un mismo problema.
Cuando comencé con este blog lo hice con una mínima idea de código HTML, con unos pocos conocimientos sobre la materia adquiridos en el foro de daleclik sigo allí intentando ayudar, la creación de este blog era para dar una explicación mas detallada, un paso a paso con imágenes para aquellos que en el foro requerían ayuda.
Poco a poco la idea fue como decimos en mi tierra cuajando, adquiriendo forma, posteaba sobre temas que a mi me gustan, sobre trucos o maneras de aplicar un código, hoy Blogger lo facilita todo, antes había que moverse más por la plantilla, sinceramente a mi me gustaba más danzar entre códigos que ahora.
He descubierto HTML, he descubierto que los códigos me fascinan y crean en mí una forma de evasión como leer o nadar para muchos de vosotros.
Escoger la plantilla Minima de Douglas Bowman no es otra cosa que la amplitud de espacio para los post, así que repito diseño, repito códigos, y añado otros que voy aprendiendo.
Hasta ahí todo bien, ahora sólo falta llevarlo a la práctica, este es el código para hacerlo:
<CENTER><P>
<A HREF = "#FAQ1">Título1</A>
<A HREF = "#FAQ2">Título2</A>
<A HREF = "#FAQ3">Título3</A>
<A HREF = "#FAQ4">Título4</A>
</CENTER>
<p>
<HR>
<p>
<A NAME = "FAQ1"><U>Título1</U></A>
<p>
Texto a mostrar clicando en Título1
<p>
<HR>
<p>
<A NAME = "FAQ2"><U>Título2</U></A>
<p>
Texto a mostrar clicando en Título2
<p>
<HR>
<p>
<A NAME = "FAQ3"><U>Título3</U></A>
<p>
Texto a mostrar clicando en Título3
<p>
<HR>
<p>
<A NAME = "FAQ4"><U>Título4</U></A>
<p>
Texto a mostrar clicando en Título4
<p>
<HR>
<p>
Cada vez que añadimos <p> estamos añadiendo un salto de línea, quiere decir esto que si no deseamos separación podemos suprimirlo.Con <HR> estamos añadiendo una línea, también podemos prescindir de ella suprimiéndolo.
Hola Gema, muy útil la verdad, si no me equivoco a eso se le llama anchor, son anclas o anclajes.
PD:Disculpa que te comente esto aquí ya se que no corresponde pero es para darte un aviso, me gustaría que te pasaras por mi blog, has sido seleccionada para recibir un libro que recien sale aquí en España, besos.
Hola David, te doy las gracias aquí porque me ha sido imposible comentar en tu blog.
Te deseo suerte en ese proyecto ;)
Saludos Greg he conocido tu blog por medio de David, la plataforma de Wordpres no la domino pero me parece muy interesante, no sólo el blog sino la temática y la buena idea de divulgar el libro ;)
He probado el redireccionamiento y funciona perfectamente.
Lo aplicaré
Eres estupenda.
¡Gracias por exponer tus conocimientos!
Ahora estoy liado con, ir arriba flotante. Si lo pongo como dices delante del final delbody, tarda muchísimo en aparecer; pero si lo pongo inmediatamente detrás del principio del body, aparéce rápidamente, pero transcurrido un tiempo, en la barra del navegador no sale el título del Blog, sino la sólo una almohadilla.
Si lo estimas oportuno, te ruego me contestes cuál es la mejor solución
Saludos
Fali
www.elrincondefali.blogspot.com
Hola Fali bienvenido :)
Me alegra que el primer truco te funcionara, ahora vamos por el segundo ¿ok?
Vas a aplicar el código justo antas de </body> pero en vez de añadir la url de tu página en su lugar añadirás ---> #
Para ser más clara, usa este código de abajo y añade sólo la url de la imagen
<a href='#'><img src="url-de-la-imagen" alt="ir arriba" border="0" style="position:fixed; bottom:0; right:0;" /></a>
Es como lo tengo aplicado en mi blog y mi plantilla está sobrada de script pero no tarda ese efecto de subir.
(Si notas que es más rápido házmelo saber que lo añada en la entrada) ;)
Hola Gema: Te dejo aqui mi consulta pues no he logrado dar con la forma de contactar contigo para hacerte una nueva consulta. Dime como he de entrar.
Bien mi consulta es la siguiente:
Te estaria enormemente agradecido si me xplicas como crear una barra horizontal con pestañss para clasificar lss diferentes etiquetas pues llevo dando vueltas por la Web unos dias y no logro enterarme.
Mil gracias.
Salva
Hola Salva, la forma de contactar conmigo además de los comentarios es en el mail, lo puedes ver en el manú en "Comentarios" y en la sidebar (es una imagen de Gamail)
forevergema(arroba)gmail.com
Para crear un menú para las pestañas puedes guiarte de esta entrada.
También puedes crear las categorías con cualquier menú, únicamente deberías enlazar la url donde se muestra cada grupo de categorías al texto del menú.
Por ejemplo la categoría de libros, clicas en la etiqueta para que muestre todas las entradas sobre libros y copias la url que se muestra en ese momento en el navegador. Luego en el código para enlazar del menú añades la url que traes copiada como enlace y añades "libros" como texto que se va a visionar en el blog.
Te digo todo esto porque con ese sistema de hacerlo tienes muchísimos modelos de menús donde escoger.
Hola de nuevo Gema,
Estoy buscano como hacer para mostrar varias entradas relacionadas al final de cada post, como tu bien haces. Me imagino que ya lo has explicado, pero no acabo de encontrarlo.
Pues no lo hice PISALEIRAS porque aunque lo he tenido en mente por una cosa u otra lo fui dejando. Pero puedes encontrar la explicación en Vagabundia yo lo hice siguiendo sus pasos ;)
De todas formas tengo que decirte que son entradas relacionadas por etiquetas :)
justo lo que necesitaba
Todo tuyo ;)
Hola Gema, cuando publico la entrada y le pincho en el título, en vez de llevarme al trozo de texto correspondiente me lleva al editor de blogger, no entiendo por qué. ¿Tú sabes algo? :S
Ya descubrí cuál es el motivo pero no sé por qué. Esto me pasa cuando pongo los títulos en fila en vez de en columna. No sé i me entiendes. Un saludo!
Nota: solo los miembros de este blog pueden publicar comentarios.